<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<header class="header-box">
    <div class="header-l"><img src="img/logo.jpg" class="logo1"></div>
    <div class="header-r">
        <a href="my.html"><img src="img/my.jpg"></a>
        <img src="img/xiazai.jpg">
    </div>
    <div class="gg">
        <img src="img/close.png" alt="" class="close">
        <a href="" class="down">免费下载</a>
        <div class="gg-middle">
            <img src="img/download.png" alt="">
            <div class="gg-middle-r">
                <span>找房无忧</span>
                <p>市场行情，一手掌握！</p>
            </div>
        </div>
    </div>
</header>
<article>
    <!--宣传图-->
    <div class="publicity-img">
        <input type="text" placeholder="请输入小区或商圈名开始找房咯！" class="seach">
    </div>
    <!--二手房...导航-->
    <ul class="used-home">
        <li>
            <a href="secondHandList.html"><img src="img/index_03.png" alt="">
                <p>二手房</p></a>
        </li>
        <li>
            <a href=""><img src="img/index_05.png" alt="">
                <p>新房</p></a>
        </li>
        <li>
            <a href="rentalList.html"><img src="img/index_07.png" alt="">
                <p>租房</p></a>
        </li>
        <li>
            <a href=""><img src="img/index_09.png" alt="">
                <p>卖房</p></a>
        </li>
    </ul>
    <!--宣传图2-->
    <div class="publicity-img2">
        <img src="img/banner2.png" alt="">
    </div>
    <!--热门房源-->
    <div class="hot-house">
        <div class="hot-house-title">
            <div class="h-t-cont">
                <h4>热门房源</h4>
                <p>Hot house</p>
            </div>
        </div>
        <ul class="hot-house-ul">
            <li>
                <img src="img/img1.jpg" class="hot-house-img-l">
                <div class="hot-house-r">
                    <h4>文化部最T中间层 一层带各种东西啊实打实大</h4>
                    <p>2室1厅<label>96</label>㎡南北 <span
                            class="price1"><label>1105</label>万</span></p>
                    <p class="address"><span>红庙北里</span><span class="price2"><label>14268</label>元/平</span></p>
                    <p class="home-class"><a href="">学区房</a><a href="">独家</a></p>
                </div>
            </li>
            <li>
                <img src="img/img2.png" class="hot-house-img-l">
                <div class="hot-house-r">
                    <h4>光大水墨 精装复式 稀缺各种东西啊实打实大</h4>
                    <p>2室1厅<label>96</label>㎡南北 <span
                            class="price1"><label>280</label>万</span></p>
                    <p class="address"><span>光大水墨</span><span class="price2"><label>14268</label>元/平</span></p>
                    <p class="home-class"><a href="">学区房</a><a href="">独家</a><a href="">满五唯一</a></p>
                </div>
            </li>
            <li>
                <img src="img/img3.png" class="hot-house-img-l">
                <div class="hot-house-r">
                    <h4>南北通透两居 精装修 无各种东西啊实打实大</h4>
                    <p>2室1厅<label>96</label>㎡南北 <span
                            class="price1"><label>320</label>万</span></p>
                    <p class="address"><span>北京新天地</span><span class="price2"><label>14268</label>元/平</span></p>
                    <p class="home-class"><a href="">地铁房</a><a href="">独家</a></p>
                </div>
            </li>
        </ul>
    </div>
    <div class="null"></div>
    <!--热门关注-->
    <ul class="hot-now">
        <li class="check-now">热门关注</li>
        <li>友情链接</li>
    </ul>
    <ul class="classify">
        <li>
            <div><a href="">北京二手房</a></div>
            <div><a href="">北京二手房价</a></div>
            <div><a href="">海淀日租房</a></div>
            <div><a href="">朝阳新房</a></div>
        </li>
        <li>
            <div><a href="">北京找房无忧</a></div>
            <div><a href="">青年家园</a></div>
            <div><a href="">免税房源</a></div>
            <div><a href="">满五年唯一免税这么多</a></div>
        </li>
    </ul>
</article>
<footer class="footer-box">
    <div class="footer-position">
        <span>北京找房无忧网</span><img src="img/footer-img1.png"><span>首页</span>
    </div>
    <div class="footer-btm">
        <div class="client-side">
            <div class="client-side-l">
                <img src="img/apple.png" alt="">
                <div class="font">
                    <div>iphone</div>
                    <div>客户端</div>
                </div>
            </div>
            <div class="client-side-r">
                <img src="img/android-logo.png" alt="">
                <div class="font">
                    <div>Android</div>
                    <div>客户端</div>
                </div>
            </div>
        </div>
        <p>北京找房无忧房地产经纪有限公司</p>
        <p>网络经营许可证 京ICP备20160812号-12</p>

    </div>
</footer>
<script src="js/resize.js"></script>
<script src="js/zepto.js"></script>
<script src="js/touch.js"></script>
<script>
    $(".close").tap(function () {
        $(".gg").hide()
    })
</script>
</body>
</html>